doctype html
html(lang="es", dir="ltr")
    head
        meta(name="viewport", content="width=device-width, user-scalable=no, initial-scale=1.0")
        meta(charset="utf-8")
        link(rel="stylesheet", type="text/css", href="main.css")
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap" rel="stylesheet">

    body

        div.main
            div.container.a-container#a-container
                form(id="a-form", class="form" method="", action="")
                    h2.form_title.title Create Account
                    div.form__icons
                        img.form__icon(src="", alt="")
                        img.form__icon(src="")
                        img.form__icon(src="")
                    span.form__span or use email for registration
                    input.form__input(type="text", placeholder="Name" )
                    input.form__input(type="text", placeholder="Email")
                    input.form__input(type="password", placeholder="Password")
                    button().form__button.button.submit SIGN UP



            div.container.b-container#b-container
                form(id="b-form", class="form" method="", action="")
                    h2.form_title.title Sign in to Website
                    div.form__icons
                        img.form__icon(src="", alt="")
                        img.form__icon(src="")
                        img.form__icon(src="")
                    span.form__span or use your email account
                    input.form__input(type="text", placeholder="Email")
                    input.form__input(type="password", placeholder="Password")
                    a().form__link Forgot your password?
                    button().form__button.button.submit SIGN IN

            div.switch#switch-cnt
                div.switch__circle
                div.switch__circle.switch__circle--t
                div.switch__container#switch-c1
                    h2.switch__title.title Welcome Back !
                    p.switch__description.description To keep connected with us please login with your personal info
                    button().switch__button.button.switch-btn SIGN IN

                div.switch__container#switch-c2.is-hidden
                    h2.switch__title.title Hello Friend !
                    p.switch__description.description Enter your personal details and start journey with us
                    button().switch__button.button.switch-btn SIGN UP




        script(src="main.js")



